<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>社区</title>
	<link rel="stylesheet" href="../css/reset.css">
	<script src="../assets/flexible/flexible.debug.js"></script>
	<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="../font/iconfont.css">
	<link rel="stylesheet" href="../css/shequ.min.css">
</head>
<body>
	<!-- 头部导航 -->
	<header>
		<div class="top">
			<div class="center">
				<i class="iconfont icon-sousuo"></i><span>搜索感兴趣的用户和内容</span>
			</div>
		</div>
		<div class="bottom">
			<span>北京</span>
			<span>美食</span>
			<span>户外</span>
			<span>时尚</span>
			<span>旅行</span>
		</div>
	</header>
	<!--户外干货-->
	<section class="outdoor">
		<h3>户外干货</h3>
		<!-- <div class="items clearfix">
			<dl>
				<dt><img src="../images/shequ_banner1.png" alt=""></dt>
				<dd>布加迪见了也得叫爸，体验 50年前把世界纪录按在地...</dd>
			</dl>
		</div> -->
		<div class="swiper-container out">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide">
					<div class="items">
						<dl>
							<dt><img src="../images/shequ_banner1.png" alt=""></dt>
							<dd>布加迪见了也得叫爸，体验 50年前把世界纪录按在地...</dd>
						</dl>
					</div>
		        </div>
		        <div class="swiper-slide">
		        	<div class="items">
						<dl>
							<dt><img src="../images/shequ_banner1.png" alt=""></dt>
							<dd>布加迪见了也得叫爸，体验 50年前把世界纪录按在地...</dd>
						</dl>
					</div>
		        </div>
		        <div class="swiper-slide">
		        	<div class="items">
						<dl>
							<dt><img src="../images/shequ_banner1.png" alt=""></dt>
							<dd>布加迪见了也得叫爸，体验 50年前把世界纪录按在地...</dd>
						</dl>
					</div>
		        </div>
		    </div>
		</div>
	</section>
	<!--店铺-->
	<section class="shops">
		<div class="title clearfix">
			<div class="left">
				<img src="../images/shequ_xiao.png" alt="">
				<span>小歪歪</span>
			</div>
			<div class="right">
				<p> + 关注</p>
				<i class="iconfont icon-sangeyuandian"></i>
			</div>
		</div>
		<div class="info">
			<p class="p1">想吃的好多 怎奈一份海鲜面跟我帽子一样大</p>
			<p class="p2">服务超级赞 吃的也超级赞 五星</p>
			<div class="pic">
				<img src="../images/shequ_banner3png.png" alt="">
				<img src="../images/shequ_banner3png.png" alt="">
				<img src="../images/shequ_banner3png.png" alt="">
			</div>
		</div>
		<div class="jin">
			<figure>
				<img src="../images/shequ_daxiao.png" alt="">
			</figure>
			<div class="info">
				<h3>The Diner(东海西路店）<span>进店></span></h3>
				<p>人均：101元|西餐|香港中路沿线|青岛</p>
			</div>
		</div>
	</section>
	<div class="_shops">
		<section class="shops">
			<div class="title clearfix">
				<div class="left">
					<img src="../images/shequ_xiao.png" alt="">
					<span>小歪歪</span>
				</div>
				<div class="right">
					<p> + 关注</p>
					<i class="iconfont icon-sangeyuandian"></i>
				</div>
			</div>
			<div class="info">
				<p class="p1">想吃的好多 怎奈一份海鲜面跟我帽子一样大</p>
				<p class="p2">服务超级赞 吃的也超级赞 五星</p>
				<div class="pic">
					<img src="../images/shequ_banner3png.png" alt="">
					<img src="../images/shequ_banner3png.png" alt="">
					<img src="../images/shequ_banner3png.png" alt="">
				</div>
			</div>
			<div class="jin">
				<figure>
					<img src="../images/shequ_daxiao.png" alt="">
				</figure>
				<div class="info">
					<h3>The Diner(东海西路店）<span>进店></span></h3>
					<p>人均：101元|西餐|香港中路沿线|青岛</p>
				</div>
			</div>
		</section>
	</div>
	<!-- 底部导航 -->
    <footer>
    	<a href="../index.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/jingxuan1.png" alt="">
	    		</dt>
	    		<dd>精选店</dd>
	    	</dl>
    	</a>
    	<a href="#">
	    	<dl>
	    		<dt>
	    			<img src="../images/shequ1.png" alt="">
	    		</dt>
	    		<dd>社区</dd>
	    	</dl>
    	</a>
    	<a href="vip.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/vip.png" alt="">
	    		</dt>
	    		<dd>VIP会员</dd>
	    	</dl>
    	</a>
    	<a href="tiaozhan.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/tiaozhan.png" alt="">
	    		</dt>
	    		<dd>挑战</dd>
	    	</dl>
    	</a>
    	<a href="wode.html">
	    	<dl>
	    		<dt>
	    			<img src="../images/wode.png" alt="">
	    		</dt>
	    		<dd>我的</dd>
	    	</dl>
    	</a>
    </footer>
    <script src="../assets/jquery/jquery-3.2.1.min.js"></script>
    <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
	<script src="../js/shequ.js"></script>
</body>
</html>